﻿@{
    ViewBag.Title = "Index";
}
<style type="text/css">
    .modal
    {
        background-color: #fff;
        display: none;
        width: 350px;
        padding: 15px;
        text-align: left;
        border: 2px solid #333;
        opacity: 0.8;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-box-shadow: 0 0 50px #ccc;
        -webkit-box-shadow: 0 0 50px #ccc;
    }
    
    .modal h2
    {
        background: url(/Images/Core/info.png) 0 50% no-repeat;
        margin: 0px;
        padding: 10px 0 10px 45px;
        border-bottom: 1px solid #333;
        font-size: 20px;
    }
    
    .modalFix
    {
        width: 650px;
    }
</style>
<script src="@Url.Content("~/Scripts/PlugIns/jquery.tools.min.js")" type="text/javascript"></script>
<h2>
    Index</h2>
请输入信息<input type="text" class="modalInput" />
<input type="button" class="modalInput" value="FormA" id="btnFormA" rel="#displayDIV" />
<input type="button" class="modalInput" value="FormB" id="btnFormB" rel="#displayDIV" />
<div class="modal modalFix" id="displayDIV">
    dddddddddddddd</div>
<script type="text/javascript">
    $(document).ready(function () {

        $("#displayDIV").load('@Url.Action("AjaxWay", "OverLay")');

        $(".modalInput").overlay({
            mask: {
                color: '#ebecff',
                loadSpeed: 200,
                opacity: 0.9
            },
            closeOnClick: false
        });



    })
</script>
